﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "Home Page";
}

<!-- Nav -->
<div role="navigation" class="navbar navbar-inverse navbar-fixed-top" id="main-nav">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#home">
                <img id="navlogo" src="@Url.Content("~/Content/img/navlogo-green.png")" alt="microstore" width="122" height="45">
            </a>
        </div>
        <div class="collapse navbar-collapse">
            <ul id="navigation" class="nav navbar-nav navbar-right text-center">
                <li><a href="#products">Products</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#testimonial">Testimonials</a></li>
                <li><a href="#orderform">Order</a></li>
                <li><a href="#contact">Contact</a></li>
                <li class="dropdown">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">UK</button>
                    <ul class="dropdown-menu">
                        <li><a href="#">English</a></li>
                        <li><a href="#">Deutsch</a></li>
                        <li><a href="#">France</a></li>
                        <li><a href="#">Slovak</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>   

@Html.Partial("_Welcome")

@Html.Partial("_Products")

<!-- Order -->
<section class="gray-bg padding-top-bottom ">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <h3 class="center cta-message">Free international shipping only  <strong><span id="countdown"></span></strong></h3>
            </div>
            <div class="col-md-4 text-center">
                <a class="btn btn-store cta-button smooth-scroll" href="#orderform">Order Now</a>
            </div>
        </div>
    </div>
</section>

@Html.Partial("_About")

@Html.Partial("_Testimonial")

@Html.Partial("_Newsletter")

@Html.Partial("_OrderForm")

<!-- Cuenta -->
<section id="cta" class="padding-top-bottom color-bg light-typo">
    <div class="container">
        <div class="row text-center">
            <div class="col-md-4 col-sm-4 news">
                <i class="icon-trophy iconBig"></i>
                <h3>Quality guaranteed</h3>
            </div>
            <div class="col-md-4 col-sm-4 news">
                <i class="icon-truck iconBig"></i>
                <h3>Home delivery</h3>
            </div>
            <div class="col-md-4 col-sm-4">
                <i class="icon-lock iconBig news"></i>
                <h3>Secure payment</h3>
            </div>
        </div>
    </div>
</section>

@Html.Partial("_Contact")

<!-- Footer -->
<footer id="main-footer" class="dark-bg light-typo">
    <div class="container">
        <p class="pull-left copyright">
            &copy; MicroStore 2014. <br> Designed by <a href="http://www.angelostudio.net/" target="_blank">Angelo Studio</a>.<br>
        </p>
        <div class="pull-right paymentMethodImg copyright">
            <a class="btn btn-store outline" href="#" data-toggle="modal" data-target=".text-modal">Terms & conditions</a>
        </div>
    </div>
</footer>

@Html.Partial("_TermsConditions")

<!-- Style switcher -->
<section id="style-switcher">
    <h2>Colors <a href="#"><i class="icon-cog"></i></a></h2>
    <ul>
        <li id="green"></li>
        <li id="blue"></li>
        <li id="orange"></li>
    </ul>
</section>